﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Travel Goals</title>
    <link rel="stylesheet" href="styles/shared.css">
    <link rel="stylesheet" href="styles/places.css">
</head>
<body>

<header>
    <div id="page-logo">
        <a href="/HTMLFive/BasePage/BasePage/index.html">Travel Goals</a>
    </div>
    <nav>
        <ul>
            <li>
                <a href="places.html">Destinations</a>
            </li>
            <li>
                <a href="">About</a>
            </li>
        </ul>
    </nav>
</header>


<main>
    <ul>
        <li>
            <img src="images/places/pic1.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>

        <li>
            <img src="images/places/pic2.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>

        <li>
            <img src="images/places/pic3.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>
        <li>
            <img src="images/places/pic4.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>
        <li>
            <img src="images/places/pic5.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>
        <li>
            <img src="images/places/pic6.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>
        <li>
            <img src="images/places/pic7.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>
        <li>
            <img src="images/places/pic5.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>
        <li>
            <img src="images/places/pic3.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>
        <li>
            <img src="images/places/pic7.jpg" alt="city of bbb">
            <div class="item-content">
                <div>
                    <h2>Barcelona</h2>
                    <p>
                        Lorem ipsum dolor sit amet,adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                    </p>
                </div>
                <div class="actions">
                    <a href="https://www.QQ.com">Explore</a>
                </div>
            </div>
        </li>
    </ul>
</main>


<footer>
    <ul>
        <li>
            <a href="https://www.QQ.com">
                <img src="images/icons/logo2.png" alt="QQ">
            </a>
        </li>
        <li>
            <a href="https://www.jd.com">
                <img src="images/icons/logo2.png" alt="JD">
            </a>
        </li>
    </ul>
</footer>
</body>


</html>